.loginContainer{
    width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
    //头部
    .lgTop{
        width: 1080px;
        margin: 0 auto 25px;
        .lgHeader{
            // display: flex;
            display: flex;
            justify-content: space-between;
            width: 100%;
            height: 34px;
            // background: pink;
            .headerLeft{
                display: flex;
                align-items: center;
                a{
                    position: relative;
                    width: 200px;
                    display: block;
                    height: 34px;
                    img {
                        position: absolute;
                        top: 2px;
                        left: -44px;
                        right: 0;
                        bottom: 0;
                        margin: auto;
                        max-width: 100%;
                        max-height: 185%;
                    }
                }
                .input-all{
                    vertical-align: middle;
                    position: relative;
                    width: 270px;
                    height: 30px;
                    border: 1px solid #c3c3c3;
                    .inputSpan{
                        width: 240px;
                        height: 30px;
                        display: block;
                        line-height: 30px;
                        .leftInput{
                            box-sizing: border-box;
                            height: 100%;
                            padding: 5px;
                            width: 240px;
                            float: right;
                            border: none;
                            outline: none;
                        }
                        
                    }
                    .searchSpan{
                        position: absolute;
                        right: 0;
                        top: 0;
                        width: 30px;
                        height: 30px;
                        display: block;
                        line-height: 30px;
                        button{
                            box-sizing: border-box;
                            background: url('../images/bn_srh.png') 50% 50% no-repeat;
                            height: 100%;
                            padding: 5px;
                            width: 100%;
                            // border-left: none;
                            border: none;
                            outline: none;
                        }
    
                    }
                }
            }
            .headerRight{
                .rightList{
                    float: left;
                    width: 50px;
                    height: 34px;
                    font-size: 22px;
                    margin-right: 10px;
                    line-height: 34px;
                    font-weight: 600;
                }
            }
            .headerRight .rightList:nth-child(2n){
                color: red;
            }
            .headerRight .rightList:nth-child(2n+1){
                color: green;
            }
        }
    }
    //登录
    .loginWrapper{
        // width: 100%;
        height: 304px;
        
        //背景图片
        background-color:rgb(237, 244, 237);

        .wrapper-content{
            width: 1200px;
            margin: 0 auto;
            position: relative;
            .wrapperPic{
                // width: 100%;
                width: 1200px;
                height: 304px;
                background: url(../images/1banner.jpg) no-repeat;
                background-size: 50%;
                background-size: contain;
                position: absolute;
                left: -50px;
                top: 0;
            }
            //右侧登录布局
            .wrapperLogin{
                width: 300px;
                height: 300px;
                position: absolute;
                right: 121px;
                top: 0;
                //右侧登录
                .login{
                    width: 300px;
                    height: 300px;
                    // background: blue;
                    .loginContainer{
                        height: 260px;
                        width: 280px;
                        padding: 30px 10px 10px 10px;
                        overflow: hidden;
                        position: relative;
                        // background: pink;
                        .tabR{
                            position: absolute;
                            top: 11px;
                            right: 12px;
                            a{
                                img{
                                    width: 30px;
                                    height: 30px;
                                }
                            }
                        }
                        .tabBar{
                            width: 280px;
                            height: 28px;
                            margin-bottom: 10px;
                            .tabStart{
                                display: flex;
                                box-sizing: border-box;
                                .tabMes{
                                    width: 50%;
                                    line-height: 28px;
                                    text-align: center;
                                    cursor: pointer;
                                    &.tabpas{
                                        font-weight: 600;
                                        border-bottom:  solid #494949
                                    }
                                }
                            }
                        }
                        .acount-from{
                            width: 280px;
                            height: 150px;
                            // overflow: hidden;
                            // background: pink;
                            .acount-from-tips{
                                width: 100%;
                                height: 16px;
                                font-size: 12px;
                                margin-bottom: 10px;
                                color: #9b9b9b;
                                a{
                                    color:  #41ac52;
                                    &.tipsPas{
                                        float: right;
                                    }
                                }
                            }
                            .input-text{
                                width: 280px;
                                height: 30px;
                                position: relative;
                                input{
                                    box-sizing: border-box;
                                    width: 100%;
                                    height: 100%;
                                    padding: 8px 10px;
                                    outline: none;
                                    border: none;
                                }
                                &.inputOn{
                                    margin-bottom: 10px;
                                }    
                                .getTest{
                                    width: 65px;
                                    height: 35px;
                                    padding: 0 10px;
                                    position: absolute;
                                    top: 0;
                                    right: 0;
                                    a{
                                        font-size: 13px;
                                        display: block;
                                        height: 100%;
                                        line-height: 30px;
                                        color: #41ac52;
                                    }
                                }
                            }
                            .btn{
                                width: 280px;
                                height: 34px;
                                line-height: 34px;
                                font-weight: 400;
                                font-size: 15px;
                                background-color: rgba(66,189,86,.5);
                                border: none;
                                font-weight: 400;
                                color: white;
                                cursor: pointer;
                            }
                            .acount-from-lf{
                                width: 100%;
                                height: 40px;
                                overflow: hidden;
                                border-bottom: 1px solid #ddd;
                                .acount-from-link{
                                    float: right;
                                    margin: 10px;
                                    font-size: 13px;
                                    color: #41ac52;
                                }
                            }
                        }
                        .acount-footer{
                            position: absolute;
                            bottom: 15px;
                            left: 10px;
                            width: 280px;
                            height: 30px;
                            display: flex;
                            align-items: center;
                            p{
                                color: #9b9b9b;
                                font-size: 11px;
                                text-align: center;
                                display: block;
                                margin-right: 20px;
                            }
                            .acount-img{
                                display: flex;
                                a{
                                    display: block;
                                    width: 25px;
                                    height: 25px;
                                    background: url(../images/wchat.svg) no-repeat;
                                    background-position: 50% 50%;
                                    background-color: transparent;
                                    background-size: 100% 100%;
                                    margin-right: 20px;
                                    &.acoutn-img-sc{
                                        background: url(../images/weibo.svg) no-repeat;
                                        background-position: 50% 50%;
                                        background-color: transparent;
                                        background-size: 100% 100%;
                                    }
                                }
                                
                            }
                        }
                    }       
                }
                // 左侧下载
                .app{
                    position: absolute;
                    top: 95px;
                    left: -198px;
                    .app-title{
                        font-size: 25px;
                        font-weight: 400;
                        margin-bottom: 20px;
                        span{
                            margin-left: 10px;
                        }
                    }
                    .lnk-app{
                        width: 72px;
                        height: 12px;
                        padding: 9px 21px;
                        line-height: 12px;
                        display: block;
                        background: #00B51D;
                        color: white;
                        font-size: 12px;
                    }
                    .app-qr{
                        a{
                           img{
                            border: 1px solid  #00B51D;
                           }
                            
                        }
                        position: absolute;
                        bottom: -3px;
                        right: -35px;
                    }
                }
            }
        }
    }
    //热点内容
    .loginHot{
        .main{
            display: flex;
            .mod{
                width: 960px;
                height: 500px;
                // background: burlywood;
                margin: 20px auto;
                overflow: hidden;
                //标题内容
                h2{
                    font: 15px Arial, Helvetica, sans-serif;
                    color: #072;
                    margin: 0 0 12px 0;
                    line-height: 150%;
                    .pl{
                        font: 12px Arial, Helvetica, sans-serif;
                        line-height: 150%;
                        color: #666666
                    }
                }
                // 右侧列表
                .albums{
                    float: left;
                    margin-right: 20px;
                    ul{
                        width: 350px;
                        height: 407px;
                        li{
                            width: 50%;
                            float: left;
                            margin-top: 10px;
                            
                            // margin-right: 5px;
                            a{
                                display: inline-block;
                                word-wrap: break-word;
                                // white-space: pre-wrap;
                            }
                            .pic{
                                a{
                                    display: block;
                                    img{
                                        width: 170px;
                                        height: 170px;
                                    }
                                }
                            }
                        }
                    }
                }
                //中间列表
                .notes{
                    float: left;
                    width: 275px;
                    height: 374px;
                    // margin-top: 10px;
                    ul{
                        li{
                            margin-top: 12px;
                            .title{
                                margin-bottom: 5px;
                            }
                        }
                    }
                }
                //右侧列表
                .modCon{
                    width: 265px;
                    height: 500px;
                    float:right;
                    margin-left: 30px;
                    a{
                        img{
                            width: 250px;
                            height: 125px;
                            margin-bottom: 15px;
                        }
                    }
                    ul{
                        .rec_topics{
                            margin-bottom: 15px;
                            .rec_topics_name{
                                display: inline-block;
                                margin-bottom: 6px;
                                font-size: 14px;
                                line-height: 1.3;
                                color: #3377aa;
                            }
                            .rec_topics_subtitle{
                                display: block;
                                margin-bottom: 15px;
                                font-size: 13px;
                                line-height: 1;
                                color: #aaaaaa;
                                white-space: nowrap;
                                overflow: hidden;
                                text-overflow: ellipsis;
                            }
                        }
                    }
                }
            }
        }
    }
    //频道列表
    .loginConent{
        height: 500px;
        background: #eee;
        .channel{
            width: 1200px;
            height: 530px;
            margin: 0 auto;
            .channel-content{
                width: 960px;
                height: 100%;
                margin: 0 auto;
                padding-top: 20px;
                // margin-top: 20px;
                // overflow: hidden;
                // 左侧导航
                .channel-nav{
                    float: left;
                    width: 100px;
                    height: 276px;
                    margin-right: 20px;
                    h2{
                        a{
                            font-size: 24px;
                            color: #27a;
                        }
                    }
                    ul{
                        li{
                            margin-top: 15px;
                            a{
                                width: 100%;  
                                font-size: 14px;
                                color: #27a;
                            }
                        }
                    }
                }
                // 右侧列表
                .channel-right{
                    float: left;
                    width: 535px;
                    height: 522px;
                    // background: pink;
                    h2{
                        font: 15px Arial, Helvetica, sans-serif;
                        color: #072;
                        margin: 10px 0 12px 0;
                        line-height: 150%;
                        .pl{
                            font: 12px Arial, Helvetica, sans-serif;
                            line-height: 150%;
                            color: #666666
                        }
                    }
                    ul{
                        display: flex;
                        flex-wrap: wrap;
                        li{
                            width: 100px;
                            height: 210px;
                            // background: yellow;
                            // margin-left: 10px;
                            padding: 0 15px;
                            img{
                                width: 100px;
                                height: 150px;
                            }
                            p{
                                display: block;
                                width: 100px;
                                display: block;
                                text-align: center;
                            }
                            span{
                                width: 100%;
                                margin-top: 5px;
                                display: block;
                                text-align: center;
                            }
                        }
                    }
                }
                //左侧列表
                //右侧列表
                .channel-left{
                    width: 265px;
                    height: 500px;
                    float:right;
                    margin-left: 30px;
                    h2{
                        font: 15px Arial, Helvetica, sans-serif;
                        color: #072;
                        margin: 10px 0 12px 0;
                        line-height: 150%;
                        .pl{
                            font: 12px Arial, Helvetica, sans-serif;
                            line-height: 150%;
                            color: #666666
                        }
                    }
                    ul{
                        .rec_topics{
                            margin-bottom: 15px;
                            .rec_topics_name{
                                display: inline-block;
                                margin-bottom: 6px;
                                font-size: 14px;
                                line-height: 1.3;
                                color: #3377aa;
                            }
                            .rec_topics_subtitle{
                                display: block;
                                margin-bottom: 15px;
                                font-size: 13px;
                                line-height: 1;
                                color: #aaaaaa;
                                white-space: nowrap;
                                overflow: hidden;
                                text-overflow: ellipsis;
                            }
                        }
                    }
                }
            }
        }
    }
}

    